<template>
    <div class="page">
        <div class="page-content">
            <item class="item-icon-right">
                <span class="title">手机号</span>
                <span class="content">{{user.mobile}}</span>
                <span class="item-note" @click="logout" style="width:1rem;">注销</span>
                <i class="icon ion-ios-arrow-right" style="color: rgb(221, 221, 221);" @click="logout"></i>
            </item>
            <template v-if="userInfo">
                <item v-if="userInfo.education">
                    <span class="title">学历</span>
                    <span class="content">{{userInfo.education|educationFilt}}</span>
                </item>
                <item v-if="userInfo.nowAddress">
                    <span class="title">常用住址</span>
                    <span class="content">{{userInfo.nowAddress}}</span>
                </item>
                <item v-if="userInfo.yearIncome">
                    <span class="title">收入水平</span>
                    <span class="content">{{userInfo.yearIncome}}</span>
                </item>
                <item v-if="userInfo.companyName">
                    <span class="title">单位名称</span>
                    <span class="content">{{userInfo.companyName}}</span>
                </item>
                <item v-if="userInfo.relationship&&userInfo.relationshipTel">
                    <span class="title">{{userInfo.relationship|relationFilt}}电话</span>
                    <span class="content">{{userInfo.relationshipTel}}</span>
                </item>
                <item v-if="userInfo.socialRelation&&userInfo.socialRelationTel">
                    <span class="title">{{userInfo.socialRelation|relationFilt}}电话</span>
                    <span class="content">{{userInfo.socialRelationTel}}</span>
                </item>
                <div class="box" v-if="userInfo.realName&&userInfo.idCard">
                    <img src="/static/img/real-name@3x.png" />
                    <p>
                        真实姓名：{{userInfo.realName|fuzzyName}}
                        <br>身份证号：{{userInfo.idCard|fuzzyNo}}
                    </p>
                </div>
                <div class="box" v-if="userInfo.bankName&&userInfo.bankCard">
                    <img src="/static/img/bank@3x.png"/>
                    <p>
                        银行名称：{{userInfo.bankName}}
                        <br>银行卡号：{{userInfo.bankCard|fuzzyNo}}
                    </p>
                </div>
            </template>
        </div>
    </div>
</template>
<script src="./Datum.js"></script>
<style src="./Datum.scss" scoped lang="scss"></style>

